<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>lu_changeLogo 更换头像</title>
    <link rel="stylesheet" href="css/lu_common.css">
    <style>
        #upload_pic{
            position: relative;
            /*top:30px;*/
            /*left:300px;*/
            /*z-index: 100;*/
            width:540px;
            height:400px;
            text-align: center;
            margin: 50px 0 0 100px;
        }
        .change_logo{
            display: flex;
            align-items: flex-start;
            padding: 60px 0 0 60px;
        }
        .change_logo>span{
            padding-top:5px;
        }
        .upload_pic_box{
            width:150px;
            height:150px;
            position: relative;
            margin-left:50px;
        }
        .upload_pic_box>img{
            width:100%;
            height:100%;
        }
        .upload_pic_box>input{
            width:100%;
            height:100%;
            position: absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
            opacity: 0;
        }
        #upload_pic>p{
            color: #bbb;
            font-size:12px;
            margin-top:32px;
        }
        #upload_pic>button{
            width:450px;
            height:60px;
            border: none;
            background-image: linear-gradient(to right, #3E7BE8, #229FE0);
            color: #fff;
            font-size:20px;
            margin-top:52px;
        }
    </style>
</head>
<body class="color_fff">
<div id="upload_pic">
    <div class="change_logo">
        <span>上传头像：</span>
        <div class="upload_pic_box">
            <img src="img/上传执照@2x.png" alt="">
            <input type="text">
        </div>
    </div>
    <p>注：上传头像尺寸为64*64px，大小不得超过100M</p>
    <button>上传头像</button>
</div>
</body>
</html>